import Nav from './Nav';
import Footer from './Footer';
import {Layout, Menu, Breadcrumb} from 'antd';
import React, {Component} from 'react';
import styles from './index.less';
const { Content } = Layout;

const query = {
  'screen-xs': {
    maxWidth: 575,
  },
  'screen-sm': {
    minWidth: 576,
    maxWidth: 767,
  },
  'screen-md': {
    minWidth: 768,
    maxWidth: 991,
  },
  'screen-lg': {
    minWidth: 992,
    maxWidth: 1199,
  },
  'screen-xl': {
    minWidth: 1200,
    maxWidth: 1599,
  },
  'screen-xxl': {
    minWidth: 1600,
  },
};

export default function (props) {
  const {route, location} = props
  return (
    <Layout>
      <Content className={styles.content}>
        {props.children}
      </Content>
      <Footer/>
    </Layout>
  );
}

